export default (props, { slots, attrs }) => {
  const {
    beforeText = '',
    text = '/',
    afterText = '',
  } = props

  return (
    <p {...attrs}>
      {beforeText}
      {text}
      {afterText}
      {slots.default?.()}
    </p>
  )
}
